<template>
  <MdEditor v-model="text" :toolbars="toolbars" />
</template>

<script setup>
import { ref, defineProps } from "vue";
import { MdEditor } from "md-editor-v3";
import "md-editor-v3/lib/style.css";
const props = defineProps({
  text: String,
  saveto: String,
});
const toolbars = [
  "bold",
  "underline",
  "italic",
  "-",
  "title",
  "strikeThrough",
  "quote",
  "unorderedList",
  "orderedList",
  "-",
  "codeRow",
  "code",
  "link",
  "image",
  "table",
  "-",
  "mermaid",
  "katex",
  "-",
  "revoke",
  "next",
  "=",
  "preview",
  "htmlPreview",
];
const text = ref(props.text);
</script>
